// 上
export const normalTopMap = {
    top: 'top',
    topLeft: 'topLeft',
    topRight: 'topRight'
}

export const autoReverseTopMap = {
    top: 'bottom',
    topLeft: 'bottomLeft',
    topRight: 'bottomRight'
}

// 下
export const normalBottomMap = {
    bottom: 'bottom',
    bottomLeft: 'bottomLeft',
    bottomRight: 'bottomRight'
}

export const autoReverseBottomMap = {
    bottom: 'top',
    bottomLeft: 'topLeft',
    bottomRight: 'topRight'
}

// 左
export const normalLeftMap = {
    left: 'left',
    leftTop: 'leftTop',
    leftBottom: 'leftBottom'
}

export const autoReverseLeftMap = {
    left: 'right',
    leftTop: 'rightTop',
    leftBottom: 'rightBottom'
}

// 右
export const normalRightMap = {
    right: 'right',
    rightTop: 'rightTop',
    rightBottom: 'rightBottom'
}

export const autoReverseRightMap = {
    right: 'left',
    rightTop: 'leftTop',
    rightBottom: 'leftBottom'
}

// 所有方向集合
export const allDirectionMap = [
    'top',
    'topLeft',
    'topRight',
    'bottom',
    'bottomLeft',
    'bottomRight',
    'left',
    'leftTop',
    'leftBottom',
    'right',
    'rightTop',
    'rightBottom'
]

// 自动转换popover方向映射
export const priority = {
    // 上侧
    top: {
        left: 'left',
        right: 'right',
    },
    topLeft: {
        left: 'leftTop',
        right: 'rightTop',
    },
    topRight: {
        left: 'leftBottom',
        right: 'rightBottom',
    },
    // 下侧
    bottom: {
        left: 'left',
        right: 'right',
    },
    bottomLeft: {
        left: 'leftTop',
        right: 'rightTop',
    },
    bottomRight: {
        left: 'leftBottom',
        right: 'rightBottom',
    },
    // 左侧
    left: {
        top: 'top',
        bottom: 'bottom',
    },
    leftTop: {
        top: 'topLeft',
        bottom: 'bottomLeft',
    },
    leftBottom: {
        top: 'topRight',
        bottom: 'bottomRight',
    },
    // 右侧
    right: {
        top: 'top',
        bottom: 'bottom',
    },
    rightTop: {
        top: 'topLeft',
        bottom: 'bottomLeft',
    },
    rightBottom: {
        top: 'topRight',
        bottom: 'bottomRight',
    }
}